<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <title>登录注册</title>
    <link rel="stylesheet" href="style/QVerify/css/QVerify.min.css">
    <link rel="short icon" href="images/style/shijiao.ico">
    <link rel="stylesheet" href="css/login/style.css">
    <link rel="stylesheet" href="css/bootstrap/css/bootstrap.min.css">
    <script src="js/jquery/jquery1.12.4.js"></script>
    <script src="js/jquery/jquerysession.js"></script>
    <script src="js/jquery/jquerycookie.js"></script>

    <style>
        body {
            background-image: url(images/style/background.png);
            background-repeat: no-repeat;
            background-position: top center;
        }

        .logo a {
            cursor: pointer;
            font-size: 46px;
            font-family: '楷体', serif;
            color: #ea0c3c;
            font-weight: bold;
            margin-left: 50px;
            text-decoration: none;
        }

        #yanzhengma_text1, #yanzhengma_text2 {
            width: 50%;
        }

        #yanzhengma_but1,#yanzhengma_but2 {
            width: 40%;
            height: 44px;
            cursor:pointer;
            border-radius: 5px;
        }
        #yanzhengma_but2:hover{
            background-color: gainsboro;
        }
        #yanzhengma_but1:hover{
            background-color: gainsboro;
        }
    </style>
</head>
<body>
<div class="logo"><a href="index.html">视角</a></div>
<div class="login_main">
    <div class="dowebok" id="dowebok">
        <div class="form-container sign-up-container">
            <form action="#">
                <h1>注册</h1>
                <input type="text" id="logon_phone" placeholder="手机号">
                <div  class="vcode">
                    <input id="yanzhengma_text1" type="text" placeholder="验证码">
                    <input id="yanzhengma_but1"  type="button" value="获取验证码">
                </div>
                <input type="password"  autocomplete=“off” id="login_password2" placeholder="密码">
                <input type="password"  autocomplete=“off” id="login_password3" placeholder="确认密码">
                <button type="button" id="register_sub">注册</button>
            </form>
        </div>
        <div class="form-container sign-in-container">
            <form action="">
                <h1>登录</h1>
                <input type="text" id="login_phone" placeholder="手机号">
                <input type="password"  autocomplete=“off” id="login_password" placeholder="密码" style="display: none">
                <div class="vcode" id="vcode_show" style="padding: 0">
                    <input id="yanzhengma_text2" type="text" placeholder="验证码">
                    <input id="yanzhengma_but2" type="button" value="获取验证码">
                </div>
                <a id="teb">密码登录</a>
                <button type="button" id="login_sub">登录</button>
            </form>
        </div>
        <div class="overlay-container">
            <div class="overlay">
                <div class="overlay-panel overlay-left">
                    <h1>已有帐号？</h1>
                    <p>请使用您的帐号进行登录</p>
                    <button class="ghost" id="signIn">登录</button>
                </div>
                <div class="overlay-panel overlay-right">
                    <h1>没有帐号？</h1>
                    <p>立即注册加入我们，和我们一起开始旅程吧</p>
                    <button class="ghost" id="signUp">注册</button>
                </div>
            </div>
        </div>
    </div>

    <div id="QVerify" style="visibility: hidden"></div>

</div>
<script type="text/javascript" src="style/QVerify/js/QVerify.min.js"></script>
<script src="js/login/login.js"></script>
</body>
</html>